<template>
	<el-dropdown trigger="click" @command="componentSizeChange">
		<eco-icon icon="icon-font-size"></eco-icon>
		<template #dropdown>
			<el-dropdown-menu>
				<el-dropdown-item command="large">{{ $t('app.large') }}</el-dropdown-item>
				<el-dropdown-item command="default" :disabled="componentSize === 'default'">{{ $t('app.default') }}</el-dropdown-item>
				<el-dropdown-item command="small">{{ $t('app.small') }}</el-dropdown-item>
			</el-dropdown-menu>
		</template>
	</el-dropdown>
</template>

<script setup lang="ts">
const componentSize = 'default' ;
//const componentSize = computed(() => appStore.componentSize)
//const componentSizeChange = (size: string) => {
const componentSizeChange = {
	
}	
</script>
